<template>
  <nav>
    <router-link to="/logo" class="nav_link"><img src="./assets/logo.png" class="logo"></router-link>
    <router-link to="/" class="nav_link">首页</router-link>
    <router-link to="/talk" class="nav_link">康田论坛</router-link>
    <router-link to="/pest" class="nav_link">虫害识别</router-link>
    <router-link to="/about" class="nav_link">关于我们</router-link>
    <router-link to="/user" class="nav_link"><img src="./assets/user.jpg" class="user_img"></router-link>
  </nav>
  <router-view/>
</template>

<style>
body{
  background-color: dodgerblue;
}

nav {
  text-align: right;
  padding: 30px;
  border-radius: 5px;
  background-color: white;
}

.nav_link{
  margin:10px 40px 10px 40px;
  font-size: 30px;
  text-decoration: none;
  color: dodgerblue;
}

.logo {
  float: left;
  height: 60px;
  width: auto;
}
.user_img{
  height: 45px;
  width: auto;
}
</style>
<script setup lang="ts">
</script>
